<ul class="menu-hover-image">
  <li class="menu-item">
    <a href="#">
      <h1>Home</h1>
      <span>alphardex</span>
    </a>
  </li>
  <li class="menu-item">
    <a href="#">
      <h1>Projects</h1>
      <span>CSS Creations</span>
    </a>
  </li>
  <li class="menu-item">
    <a href="#">
      <h1>Blogs</h1>
      <span>Memories</span>
    </a>
  </li>
  <li class="menu-item">
    <a href="#">
      <h1>About</h1>
      <span>CSS Wizard</span>
    </a>
  </li>
  <div class="cursor"></div>
</ul>